<!DOCTYPE html > 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/bootstrap/css/bootstrap.min.css" />
<title>考勤管理</title>
</head>
<body>
<div class="container" style="width: 100%;padding: 25px 15px;">
	<div class="row clearfix">
		<div class="col-md-12 column" style="padding: 20px;">
			<div style="float: left;">
				<c:if test="${isSignIn == 0 }">
					<input type="button" class="btn btn-primary btn" value="签到" onclick="attendSignIn()"/>
				</c:if>
				<input type="button" class="btn btn-primary btn" value="签退" onclick="attendSignOut()"/>
			</div>
			<form action="" method="post" id="attendForm" role="form" class="form-inline" style="float: right;margin-bottom: 10px;">
				<div class="form-group" style="margin-right: 20px;">
					 <label for="exampleInputEmail1" style="margin-right: 10px;">起始日期</label><input type="text" class="form-control" id="signInStr" name="signInStr" placeholder="请选择签到时间" />
				</div>
				<div class="form-group">
					 <label for="exampleInputPassword1" style="margin-right: 10px;">结束日期</label><input type="text" class="form-control" id="signOutStr" name="signOutStr" placeholder="请选择签退时间" />
				</div>
				<button type="button" class="btn btn-primary btn" onclick="findAttend()">查询</button>
			</form>
			
			<!-- <div id="attendanceInfo"> -->
				<table class="table table-bordered" style="margin-top: 20px;" id="attendanceInfo">
					<!-- <thead>
						<tr>
							<th style="width: 150px;">姓名</th>
							<th>考勤日期</th>
							<th>签到时间</th>
							<th>签退时间</th>
							<th>IP</th>
						</tr>
					</thead>
					<tbody>
						<tr class="success">
							<td>小泉</td>
							<td>2017-06-16 08:54:05</td>
							<td>2017-06-16 18:01:09</td>
							<td>192.168.1.18</td>
						</tr>
					</tbody> -->
				</table>
				
				<span>共  <span id="totalRecord">1</span> 条记录    当前第  <span id="pageIndex">1</span> 页     共   <span id="totalPage">1</span> 页</span>
			
				<!-- 分页 -->
	           	<ul class="pagination" style="float: right;margin: 0;">
		            <li><span id="firstPage">首页</span></li>
					<li><span id="prePage">上一页</span></li>
					<li><span id="nextPage">下一页</span></li>
					<li><span id="endPage">尾页</span></li>
	            </ul>
          <!--   </div> -->
		</div>
	</div>
</div>

<script type="text/javascript" src="/laydate/laydate.js"></script> 
<script>
	lay('#version').html('-v'+ laydate.v);

	//执行一个laydate实例
	laydate.render({
		elem: '#signInStr' ,//指定元素
		/* format: 'yyyy-MM-dd HH:mm:ss' */
	});

	laydate.render({
	  elem: '#signOutStr' ,//指定元素
	});
</script>

</body>
<script type="text/javascript" src="/js/jquery-2.2.3.min.js"></script>
<script type="text/javascript" src="/bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="/js/attendance.js"></script>
</html>